<html>
<head>
   <title>MIT Nobel Prize Winners</title>
 
  
   <link href="nobelists.js" type="application/json" rel="exhibit/data" />
    
   <link rel="exhibit/data" type="application/jsonp"
        href="https://spreadsheets.google.com/feeds/list/0As2eg5BKxjn0dEJmTThaUlJPbDZITk9pSXBkZVNRbmc/od6/public/basic?alt=json-in-script"
        ex:converter="googleSpreadsheets" />
 
   <script src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js"
           type="text/javascript"></script>
           
   <script src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js"
           type="text/javascript"></script>
           
   <style>
       body {
           margin: 1in;
       }
       table.nobelist {
           border:     1px solid #ddd;
           padding:    0.5em;
       }
       div.name {
           font-weight: bold;
           font-size:   120%;
       }
       .discipline {
       }
       .year {
           font-style:  italic;
       }
       .relationship {
           color:  #888;
       }
       .co-winners {
       }
   </style>
</head> 
<body>
   <h1>MIT Nobel Prize Winners</h1>
   <table width="100%">
       <tr valign="top">
           <td ex:role="viewPanel">
               <table ex:role="lens" class="nobelist">
                   <tr>
                       <td><img ex:src-content=".imageURL" /></td>
                       <td>
                           <div ex:content=".label" class="name"></div>
                           <div>
                               <span ex:content=".discipline" class="discipline"></span>, 
                               <span ex:content=".nobel-year" class="year"></span>
                           </div>
                           <div ex:if-exists=".co-winner" class="co-winners">Co-winners: 
                               <span ex:content=".co-winner"></span>
                           </div>
                           <div ex:content=".relationship-detail" class="relationship"></div>
                       </td>
                   </tr>
               </table>
               <div ex:role="exhibit-view"
                   ex:viewClass="Exhibit.TabularView"
                   ex:columns=".label, .imageURL, .discipline, .nobel-year, .relationship-detail"
                   ex:columnLabels="name, photo, discipline, year, relationship with MIT"
                   ex:columnFormats="list, image, list, list, list"
                   ex:sortColumn="3"
                   ex:sortAscending="false">
               </div>
              <div ex:role="view"
                   ex:viewClass="Timeline"
                   ex:start=".nobel-year"
                   ex:colorKey=".discipline">
               </div>
               <div ex:role="view"
                   ex:orders=".discipline, .nobel-year"
                   ex:possibleOrders=".label, .last-name, .discipline, .relationship, .shared, .deceased, .nobel-year">
               </div>
            </td>
           <td width="25%">
               <div ex:role="facet" ex:facetClass="TextSearch"></div>
               <div ex:role="facet" ex:expression=".discipline" ex:facetLabel="Discipline"></div>
               <div ex:role="facet" ex:expression=".relationship" ex:facetLabel="Relationship"></div>
               <div ex:role="facet" ex:expression=".shared" ex:facetLabel="Shared?"></div>
               <div ex:role="facet" ex:expression=".deceased" ex:facetLabel="Deceased?"></div>
           </td>
       </tr>
   </table>
</body>
</html>

<!-- For macOS:  -->
<!-- open -a Google\ Chrome.app --args "--allow-file-access-from-files" -->










